<template>
	<view style="padding: 30rpx;">
		<view class="flex-center topBox">
			<image :src="merchantMsg.logo"></image>
			<view>{{merchantMsg.name}}</view>
		</view>
		<view class="card">
			<view>消费金额</view>
			<view class="flex inputBox">
				<view class="flex">￥</view><input type="digit" :disabled="true" v-model="money" />
			</view>
		</view>
		<view class="submitBtn flex" @click="onSubmitOrder">支付</view>
		<uni-popup ref="popup" type="center">
			<view class="hintModalBox">
				<view class="title">选择支付方式</view>
				<view>
					<m-pay-radio @payType="getPayType" :payList="payList"></m-pay-radio>
				</view>
				<view class="btn flex-center" @click="showPayKeyboard">确认支付</view>
			</view>
		</uni-popup>

		<uni-popup ref="popupPayTips" type="center">
			<view class="hintModalPayTipBox">
				<view class="title">支付中</view>
				<view>
					正在查询支付结果，请等待...
				</view>
				<view class="btnBox">
					<view class="btn flex-center" @click="onCancelPayment">我已取消支付</view>
				</view>
			</view>
		</uni-popup>

		<uni-popup ref="popupCircleDraw" :is-mask-click="false" type="center">
			<view class="circleDrawTipBox">
				<image src="https://wx.2024csnl.com/static/business/circleDraw.png" mode="widthFix" @click="gotoCircleDraw"></image>
			</view>
		</uni-popup>
		<uni-popup ref="popupRegTips" type="center">
			<view class="hintModalTipBox">
				<view class="title">注册成为逆伶生物用户后再进行支付即可获取转盘抽奖机会，100%中奖！</view>
				<view class="btnBox" style="margin-top: 30px;">
					<view class="btn flex-center" @click="onReg">我要注册</view>
				</view>
				<view class="btnBox" style="margin-top: 30px;">
					<view class="btn_c flex-center" @click="onCloseRegTips">不注册，继续支付</view>
				</view>
			</view>
		</uni-popup>
		<pay-keyboard :show_key="show_pay_keyboard" @hideFun="hidePayKeyboard" :show_forget="true"
			@getPassword="getPayPassword"></pay-keyboard>
	</view>
</template>

<script>
	import {
		scanQrCodes,
		setImmediatePayment,
		getOrderPayStatus,
		getQrCodePageMsg,
		haveRaffleTicket,
		getAppConfig,
		checkpaypwdRequest
	} from "@/api/index.js"
	import {
		getConfigJson
	} from "@/api/appapi.js"
	export default {
		data() {
			return {
				webView: '',
				show_pay_keyboard: false,
				payPassword: '',
				isPayCircleDraw: false,
				chouJiangId: 0,
				merchantMsg: {},
				payUrl: "",
				browserType: 'app', //浏览器类型:wxOfficialAccount-微信浏览器,H5-普通浏览器,app-为扫码进入,alipayclient-支付宝
				payType: null, //选择的支付方式
				payList: [1, 2, 3, 100, 200], //3-支付宝, 2-微信,1-余额,100-积分(泌豆)
				money: null,
				bid: null, //商家id
				bindbid: null,
				payorderid: '', //支付id
				orderid: 0,
				orderStatusTimer: 0,
				isJumpToPayApp: false
			}
		},
		mounted() {
			// #ifdef H5
			var a = document.getElementsByClassName('uni-page-head-hd')[0]
			a.style.display = 'none';
			// #endif
		},
		onShow() {
			if ((this.payType == 201 || this.payType == 202 || this.payType == 203) && this.isJumpToPayApp) {
				this.orderStatusTimer = setInterval(() => {
					this.getOrderStatus();
				}, 1000)
			}
		},
		onHide() {
			if ((this.payType == 201 || this.payType == 202 || this.payType == 203) && this.orderStatusTimer > 0) {
				clearInterval(this.orderStatusTimer)
			}
		},
		onBackPress(options) {
			console.log('from:' + options.from)
			if (options.from === 'navigateBack') {
				return false
			}
			
			clearInterval(this.orderStatusTimer)
			
			getQrCodePageMsg('s=/ApiOrder/docancelorder', {
				bid: this.bid,
				orderid: this.orderid,
				payorderid: this.payorderid
			}).then(function(res) {
				uni.navigateBack({
					delta: 2
				})
			})
			
			return true
		},
		async onLoad(opt) {

			// #ifdef APP-PLUS
			let currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
			currentWebview.setStyle({
				popGesture: 'none'
			})
			// #endif


			// #ifdef H5
			let status = navigator.userAgent.toLowerCase();
			if (status.match(/MicroMessenger/i) == "micromessenger") {
				this.browserType = 'wxOfficialAccount'
				this.payList = [201]
			} else if (status.match(/AlipayClient/i) == 'alipayclient') {
				this.browserType = 'alipayclient'
				this.payList = [202]
			} else {
				this.browserType = 'H5'
			}

			var BASE_URL = getApp().globalData.BASE_URL
			var platform = 'app'
			const isAgency = getApp().globalData.isAgency

			platform = 'h5'
			if (isAgency) {
				BASE_URL = '/api'
			}

			try {
				const res = await getConfigJson(
					`${BASE_URL}/app/config/config.${getApp().globalData.channelVersionNumber}.json`)
				const {
					data,
					status,
					msg
				} = res.data

				if (status == 1) {
					getApp().globalData.config = data;
					uni.setStorageSync('APPCONFIG', JSON.stringify(data));

					// if (!data.isTabbar1) {
					// 	uni.setTabBarItem({
					// 		index: 0,
					// 		visible: false
					// 	})
					// } else {
					// 	uni.setTabBarItem({
					// 		index: 0,
					// 		visible: true
					// 	})
					// }

					if (!data.homePath) {
						this.globalData.HOME_PAGE = data.homePath
					} else {
						this.globalData.HOME_PAGE = "/pages/tab/home"
					}

					// if (!data.isTabbar2) {
					// 	uni.setTabBarItem({
					// 		index: 1,
					// 		visible: false
					// 	})
					// } else {
					// 	uni.setTabBarItem({
					// 		index: 1,
					// 		visible: true
					// 	})
					// }


					// if (!data.isTabbar3) {
					// 	uni.setTabBarItem({
					// 		index: 2,
					// 		visible: false
					// 	})
					// } else {
					// 	uni.setTabBarItem({
					// 		index: 2,
					// 		visible: true
					// 	})
					// }

					// if (!data.isTabbar4) {
					// 	uni.setTabBarItem({
					// 		index: 3,
					// 		visible: false
					// 	})
					// } else {
					// 	uni.setTabBarItem({
					// 		index: 3,
					// 		visible: true
					// 	})
					// }


					// if (!data.isTabbar5) {
					// 	uni.setTabBarItem({
					// 		index: 4,
					// 		visible: false
					// 	})
					// } else {
					// 	uni.setTabBarItem({
					// 		index: 4,
					// 		visible: true
					// 	})
					// }


					// if (!data.isTabbar6) {
					// 	uni.setTabBarItem({
					// 		index: 5,
					// 		visible: false
					// 	})
					// } else {
					// 	uni.setTabBarItem({
					// 		index: 5,
					// 		visible: true
					// 	})
					// }

					// if (!data.isTabbar7) {
					// 	uni.setTabBarItem({
					// 		index: 6,
					// 		visible: false
					// 	})
					// } else {
					// 	uni.setTabBarItem({
					// 		index: 6,
					// 		visible: true
					// 	})
					// }
				}
			} catch (e) {
				uni.hideLoading()
			}

			// #endif

			// #ifdef APP-PLUS
			this.browserType = 'app'
			// #endif

			const appConfig = await getAppConfig()

			// #ifdef APP-PLUS
			var $this = this;
			plus.globalEvent.addEventListener('plusMessage', msg => {
				if (msg.data.args.data.name == 'postMessage') {
					const info = msg.data.args.data.arg
					if (info.action == "close") {
						try {
							$this.webview.close()
						} catch (e) {}
					}

					if (info.action == "cancel") {
						try {
							$this.webview.close()
						} catch (e) {}

						this.showToast('付款失败')

						this.close('popupPayTips')

						uni.navigateBack({
							delta: 1
						});

					}
				}
			})

			console.log(appConfig)
			let payList = [];
			const sessionData = uni.getStorageSync('sessionData')
			if (sessionData && sessionData.session_id) {
				payList = appConfig.payList;
			} else {
				for (var i = 0; i < appConfig.payList.length; i++) {
					if (appConfig.payList[i] != 1 && appConfig.payList[i] != 100 && appConfig.payList[i] != 200) {
						payList.push(appConfig.payList[i]);
					}
				}
			}
			this.payList = payList
			// #endif


			this.isPayCircleDraw = appConfig.isPayCircleDraw
			this.bid = opt.bid
			this.bindbid = opt.bindbid
			this.chouJiangId = 0;
			this.orderid = opt.orderid;
			this.payorderid = opt.payorderid;
			this.onGetQrCodePageMsg()


			this.payType = this.payList[0]
		},
		methods: {
			onCloseRegTips() {
				this.close('popupRegTips')
			},
			onReg() {
				uni.reLaunch({
					url: `/pages/login/forgetPassword?yqcode=${this.merchantMsg.yqcode}&type=1&isWebpage=true&t=${new Date().getTime()}`
				});
			},
			gotoCircleDraw() {
				this.close('popupCircleDraw')
				uni.reLaunch({
					url: `/package/mine/circleDraw?id=${this.chouJiangId}&pageType=1`
				});
			},
			async showPayKeyboard() {
				if (this.payType == 1 || this.payType == 100 || this.payType == 200) {
					this.show_pay_keyboard = true
				} else {
					await this.onSetImmediatePayment()
				}
			},
			hidePayKeyboard() {
				this.show_pay_keyboard = false
			},
			async getPayPassword(n) {
				this.payPassword = n.password;
				this.show_pay_keyboard = false

				const res = await checkpaypwdRequest('s=/ApiMy/checkpaypwd', {
					paypwd: this.payPassword
				})
				const {
					id,
					status,
					msg
				} = res.data

				if (status == 1) {
					await this.onSetImmediatePayment()
				} else {
					this.showToast(msg)
				}
			},
			async getHaveRaffleTicket() {
				setTimeout(async () => {
					const res = await haveRaffleTicket('s=/ApiChoujiang/payafter', {
						orderid: this.orderid,
						ordertype: 'offline_order'
					})
					const {
						status,
						id,
						msg
					} = res.data
					console.log(this.orderid)
					console.log(res)
					if (status == 1 && id > 0) {
						this.showToast('付款成功')
						this.onGoPage(1, id)
					} else if (status == 0) {
						this.showToast('付款成功')
						this.onGoPage(0)
					} else {
						this.showToast(msg)
					}
				}, 500);
			},
			getCode() {
				var code = this.getUrlParam('code');
				let BASE_URL = getApp().globalData.BASE_URL
				const local = BASE_URL + '/h5/#/business/pages/business_tab/qrCodePay';
				let redirect_uri = encodeURIComponent(local);
				if (code == null || code === '') {
					window.location.href =
						`https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxd5bad353b3b7ee81&redirect_uri=${redirect_uri}&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect`;
				} else {
					uni.setStorageSync('code', code);
					this.code = code;
				}
			},
			getUrlParam(name) {
				var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
				var r = window.location.search.substr(1).match(reg);
				if (r != null) return unescape(r[2]);
				return null;
			},
			// 提交订单
			async onSubmitOrder() {

				if (!this.bid) {
					this.showToast('商家信息错误')
					return
				}

				if (!this.orderid || !this.payorderid || this.money == '') {
					this.showToast('扫码错误')
					return
				}

				this.open('popup');
			},
			// 判断跳转页面,有抽奖跳抽奖,没抽奖跳tabbar页面
			onGoPage(type, id) {
				setTimeout(() => {
					if (type == 1 && this.isPayCircleDraw) {
						this.chouJiangId = id;
						this.open('popupCircleDraw')
					} else {
						uni.switchTab({
							url: getApp().globalData.HOME_PAGE
						})
					}
				}, 2000)
			},
			// 有抽奖跳转抽奖
			onSkipPage(choujiang) {
				setTimeout(() => {
					if (choujiang > 0 && this.isPayCircleDraw) {
						this.chouJiangId = choujiang;
						this.open('popupCircleDraw')
					} else {
						uni.switchTab({
							url: getApp().globalData.HOME_PAGE
						})
					}
				}, 2000)
			},
			// 立即支付
			async onSetImmediatePayment() {
				uni.showLoading({
					title: '提交中...'
				});
				this.isJumpToPayApp = false;
				console.log({
					op: 'submit',
					orderid: this.payorderid,
					typeid: this.payType,
				})

				let url = "";
				if (this.browserType == "app") {
					url = 's=/ApiPay/pay'
				} else {
					url = 's=/ApiBaseop/pay'
				}

				const res = await setImmediatePayment(url, {
					op: 'submit',
					orderid: this.payorderid,
					typeid: this.payType,
				})
				console.log(res)
				const {
					data,
					status,
					choujiang,
					msg
				} = res.data
				console.log({
					op: 'submit',
					orderid: this.payorderid,
					typeid: this.payType,
				})
				if (status == 2 || status == 1) {
					if (this.payType == 1 || this.payType == 100 || this.payType == 200) {
						this.showToast('付款成功')
						this.onSkipPage(choujiang)
					}
					// 微信支付
					if (this.payType == 2) {
						// #ifdef APP-PLUS
						this.onAliOrWchatPay(data.data, 'wxpay', choujiang)
						// #endif
						// #ifdef H5
						if (this.browserType == 'wxOfficialAccount') {
							let that = this;
							wx.config({
								debug: false,
								appId: 'wxd5bad353b3b7ee81',
								timestamp: res.data.timeStamp,
								nonceStr: res.data.nonceStr,
								signature: res.data.paySign,
								jsApiList: ['chooseWXPay']
							});
							wx.ready(function() {
								wx.chooseWXPay({
									timestamp: res.data.timeStamp,
									nonceStr: res.data.nonceStr,
									package: res.data.package,
									signType: 'MD5',
									paySign: res.data.paySign,
									success(res) {
										this.showToast('支付成功')
										setTimeout(function() {
											uni.redirectTo({
												url: '/pages/me/object'
											})
										}, 1000)
									},
									fail(res) {
										console.log('失败res', res);
										this.showToast('未完成支付')
									},
									cancel: function(res) {
										this.showToast('已取消支付')
									}
								});
							});
						}
						if (this.browserType == 'H5') {
							window.location.href = res.data
							uni.hideLoading();
						}
						// #endif
					}
					//  支付宝支付
					if (this.payType == 3) {
						// #ifdef H5
						console.log(data)
						document.querySelector('body').innerHTML = data;
						document.forms[0].submit()
						// #endif
						// #ifdef APP-PLUS
						this.onAliOrWchatPay(data, 'alipay', choujiang)
						// #endif
					}
					if (this.payType == 201) {
						this.isJumpToPayApp = true;
						console.log(data.prepay_id);
						this.payUrl = data.prepay_id
						// #ifdef H5
						uni.getSystemInfo({
							success(res) {
								if (res.platform == 'android') {
									const a = document.createElement('a')
									a.target = '_blank'
									a.href = data.prepay_id
									a.click()
								} else {
									window.location.href = data.prepay_id
								}
							},
						});
						// #endif
						// #ifdef APP-PLUS
						var that = this
						uni.getSystemInfo({
							success(res) {
								if (res.platform == 'android') {
									//plus.runtime.openWeb(data.prepay_id, function(openUrlRes) {
									//	console.log(openUrlRes);
									//});

									var clickButton = function() {
										try {
											that.webview.close()
										} catch (e) {}
									}
									that.webview = plus.webview.create(data.prepay_id, "payweb", {
										titleNView: {
											autoBackButton: false,
											titleText: '',
											buttons: [{
												type: 'close',
												float: 'left',
												onclick: clickButton
											}]
										}
									})
									that.webview.show();

									that.open('popupPayTips')
									that.orderStatusTimer = setInterval(async () => {
										await that.getOrderStatus()
									}, 1000)
								} else {
									plus.runtime.openURL(data.prepay_id, function(openUrlRes) {
										console.log(openUrlRes);
									});
									that.open('popupPayTips')
									that.orderStatusTimer = setInterval(async () => {
										await that.getOrderStatus()
									}, 1000)
								}
							},
						});
						// #endif
					}

					if (this.payType == 203) {
						this.isJumpToPayApp = true;
						console.log(data.prepay_id);
						this.payUrl = data.prepay_id
						// #ifdef H5
						uni.getSystemInfo({
							success(res) {
								if (res.platform == 'android') {
									const a = document.createElement('a')
									a.target = '_blank'
									a.href = data.prepay_id
									a.click()
								} else {
									window.location.href = data.prepay_id
								}
							},
						});
						// #endif
						// #ifdef APP-PLUS
						var that = this
						uni.getSystemInfo({
							success(res) {
								if (res.platform == 'android') {
									//plus.runtime.openWeb(data.prepay_id, function(openUrlRes) {
									//	console.log(openUrlRes);
									//});

									var clickButton = function() {
										try {
											that.webview.close()
										} catch (e) {}
									}
									that.webview = plus.webview.create(data.prepay_id, "payweb", {
										titleNView: {
											autoBackButton: false,
											titleText: '',
											buttons: [{
												type: 'close',
												float: 'left',
												onclick: clickButton
											}]
										}
									})
									that.webview.show();

									that.open('popupPayTips')
									that.orderStatusTimer = setInterval(async () => {
										await that.getOrderStatus()
									}, 1000)
								} else {
									plus.runtime.openURL(data.prepay_id, function(openUrlRes) {
										console.log(openUrlRes);
									});
									that.open('popupPayTips')
									that.orderStatusTimer = setInterval(async () => {
										await that.getOrderStatus()
									}, 1000)
								}
							},
						});
						// #endif
					}

					if (this.payType == 202) {
						this.isJumpToPayApp = true;
						var that = this
						// #ifdef H5
						const a = document.createElement('a')
						a.target = '_blank'
						a.href = data.prepay_id
						a.click()
						// #endif
						// #ifdef APP-PLUS
						uni.getSystemInfo({
							success(res) {
								if (res.platform == 'android') {
									plus.runtime.openURL(data.prepay_id, function(openUrlRes) {
										console.log(openUrlRes);
									});
									that.open('popupPayTips')
									that.orderStatusTimer = setInterval(async () => {
										await that.getOrderStatus()
									}, 1000)
								} else {
									plus.runtime.openURL(data.prepay_id.replace("alipays://", "alipay://"),
										function(openUrlRes) {
											console.log(openUrlRes);
										});
									that.open('popupPayTips')
									that.orderStatusTimer = setInterval(async () => {
										await that.getOrderStatus()
									}, 1000)
								}
							},
						});
						// #endif
					}
				} else {
					this.showToast(msg)
				}
				this.close('popup')
			},
			async onAliOrWchatPay(data, payType, choujiang) {
				const result = await new Promise(resolve => {
					uni.requestPayment({
						provider: payType,
						orderInfo: data,
						_debug: 1,
						success(res) {
							resolve(true)
						},
						fail: (err) => {
							uni.showToast({
								title: '支付失败',
								icon: 'none'
							})
						}
					});
				})
				if (result) {
					this.getHaveRaffleTicket()
				}
			},
			getPayType(e) {
				this.payType = e
				if (this.payType == 2 && !this.open_id && this.browserType == 'wxOfficialAccount') {
					this.getCode();
				}
			},
			open(n) {
				this.$refs[n].open();
			},
			close(n) {
				this.$refs[n].close();
			},
			onCancelPayment() {
				clearInterval(this.orderStatusTimer)
				this.close('popupPayTips')
				this.close('popup')
			},
			async getOrderStatus() {
				let url = "";
				if (this.browserType == "app") {
					url = 's=/ApiPay/paystatus'
				} else {
					url = 's=/ApiBaseop/paystatus'
				}
				const res = await getOrderPayStatus(url, {
					orderid: this.payorderid
				})

				const {
					id,
					status,
					msg
				} = res.data
				console.log(res, `ID：${this.payorderid}`)
				if (status == 1) {
					clearInterval(this.orderStatusTimer)
					this.close('popupPayTips')

					try {
						this.webview.close()
					} catch (e) {}

					if (id > 0) {
						this.showToast('付款成功')
						// #ifndef H5
						this.onGoPage(1, id)
						// #endif
					} else {
						this.showToast('付款成功')
						// #ifndef H5
						this.onGoPage(0)
						// #endif
					}
				}
			},
			// 商家信息
			async onGetQrCodePageMsg() {
				var url = "";
				if (this.browserType == "app") {
					url = `s=/ApiZwyRequest/businessdata&bid=${this.bid}`
					if (this.bindbid) {
						url = `s=/ApiZwyRequest/businessdata&bindbid=${this.bindbid}`
					}
				} else {
					url = `s=/ApiBaseop/businessdata&bid=${this.bid}`
					if (this.bindbid) {
						url = `s=/ApiBaseop/businessdata&bindbid=${this.bindbid}`
					}
				}

				const res = await getQrCodePageMsg(url)
				const {
					status,
					msg,
					data
				} = res.data
				if (status == 1) {
					this.merchantMsg = data
					if (data.id > 0) {
						this.bid = data.id
						if (this.browserType != 'app') {
							this.open('popupRegTips')
						}
					} else {
						this.showToast('商家信息错误')
					}

				} else {
					this.showToast(msg)
				}


				const res1 = await getQrCodePageMsg('s=/ApiOrder/getpayorderinfo', {
					orderid: this.orderid,
					payorderid: this.payorderid
				})

				console.log(res1)
				if (res1.data.status == 1) {
					this.money = res1.data.order_info.money;

				} else {
					this.showToast(res1.data.msg)
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background: #f7f7f7;
	}

	.hintModalBox {
		padding: 30rpx;
		border-radius: 30rpx;
		width: 600rpx;
		background: #fff;
		height: 700rpx;
		overflow: auto;
		line-height: 50rpx;
		color: #333333;
		font-size: 32rpx;

		.title {
			text-align: center;
			color: #F40E2A;
			font-weight: bold;
			margin-bottom: 30rpx;
		}

		.btn {
			padding: 20rpx 150rpx;
			height: 60rpx;
			background: #F40E2A;
			color: #FFFFFF;
			border-radius: 20rpx;
			margin-top: 50rpx;
		}
	}

	.hintModalPayTipBox {
		padding: 30rpx;
		border-radius: 30rpx;
		width: 600rpx;
		background: #fff;
		height: 300rpx;
		overflow: auto;
		line-height: 50rpx;
		color: #333333;
		font-size: 32rpx;

		.title {
			text-align: center;
			color: #F40E2A;
			font-weight: bold;
			margin-bottom: 30rpx;
		}

		.btnBox {
			display: flex;
			flex-direction: row;

			.btn {
				flex: 1;
				padding: 20rpx;
				height: 60rpx;
				background: #F40E2A;
				color: #FFFFFF;
				border-radius: 20rpx;
				margin-top: 20rpx;
			}
		}

	}

	.hintModalTipBox {
		padding: 60rpx 30rpx 30rpx 30rpx;
		border-radius: 30rpx;
		width: 600rpx;
		background: #fff;
		height: 600rpx;
		overflow: auto;
		line-height: 50rpx;
		color: #333333;
		font-size: 32rpx;

		.title {
			text-align: center;
			color: #333333;
			margin-bottom: 30rpx;
		}

		.btnBox {
			display: flex;
			flex-direction: row;

			.btn {
				flex: 1;
				padding: 20rpx;
				height: 100rpx;
				background: #F40E2A;
				color: #FFFFFF;
				border-radius: 20rpx;
				margin-top: 20rpx;
			}

			.btn_c {
				flex: 1;
				padding: 20rpx;
				height: 100rpx;
				background: #ccc;
				color: #FFFFFF;
				border-radius: 20rpx;
				margin-top: 20rpx;
			}
		}

	}

	.submitBtn {
		margin-top: 10vh;
		color: #fff;
		font-size: 34rpx;
		background: #41644A;
		border-radius: 14rpx;
		padding: 20rpx 0;
		justify-content: center;
	}

	.card {
		border-radius: 30rpx;
		font-size: 32rpx;
		background: #fff;
		padding: 30rpx;
		font-weight: 500;
		margin-top: 98rpx;
		margin-bottom: 75rpx;

		.inputBox {
			height: 130rpx;
			border-bottom: 1px solid #F5F5F5;

			view {
				font-size: 40rpx;
				align-items: center;
			}

			input {
				font-weight: bold;
				padding-left: 40rpx;
				font-size: 46rpx;
				height: 130rpx;
				width: 100%;
			}

		}


	}

	.topBox {
		flex-direction: column;
		font-size: 34rpx;
		font-weight: bold;

		image {
			margin-bottom: 36rpx;
			width: 160rpx;
			height: 160rpx;
			border-radius: 15rpx;
		}
	}
</style>